<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/account.css" />
  </head>
  <body>
    <!-- top S  -->
    <div class="top">
      <div class="w">
        <div class="fl">
          品有购欢迎您！
          <a href="./login/login.html">请登录</a>
          <a href="./submit/submit.html" class="col">免费注册</a>
        </div>
        <div class="fr">
          <a href="#"> 我的订单</a>
          <span>|</span>
          <a href="#" class="sj"> 我的品优购</a>
          <span>|</span>
          <a href="#"> 品优购会员</a>
          <span>|</span>
          <a href="#"> 企业采购</a>
          <span>|</span>
          <a href="#" class="sj1"> 关注品优购</a>
          <span>|</span>
          <a href="#" class="sj2"> 客户服务</a>
          <span>|</span>
          <a href="#" class="sj3"> 网站导航</a>
        </div>
      </div>
    </div>
    <!-- nav S  -->
    <div class="w">
      <div class="nav">
        <div class="logo">
          <img src="./img/logo.png" alt="" />
          <h4>购物车</h4>
        </div>
        <div class="search fr">
          <form action="">
            <input type="text" placeholder="自营" />
            <button>搜索</button>
          </form>
        </div>
      </div>
    </div>
    <!-- 全部商品 -->
    <div class="w">
        <div class="all">
            <h1>全部商品<span>11</span></h1>        
        </div>
        <div class="all-check">
            <div class="acl fl">
                <input type="checkbox" checked> 全选
                <span>商品</span>
            </div>
            <div class="acr fr">
                <ul>
                    <li>单价（元）</li>
                    <li>数量</li>
                    <li>小计（元）</li>
                    <li>操作</li>
                </ul>
            </div>
        </div>
       <div class="self">  
           <div class="cz"> <input type="checkbox"> <span> 传智自营</span></div>
            <p>运费￥6:00 <i>¥99.00免运费</i></p>
       </div>
       <!-- 商品1 -->
       <div class="product1">
        <div class="check"><input type="checkbox"></div>
        <div class="prol fl">
            <div class="pic"><img src="./img/apple1.png" alt=""></div>
            <p>苹果（Apple）MD463FE/A MAC  尺码：Thunderbolt至千兆... <br>Thunderbolt雷电接口 至千兆以太网转</p>
               <i><img src="./img/prin.png" alt=""> 购买礼品包装</i>
        </div>
        <div class="pror fr">
            <ul>
                <li>248.00</li>
                <li>
                   <div class="num">
                       <div class="num1"><a href="#">-</a></div>
                       <div class="num2"><a href="#">1</a></div>
                       <div class="num3"><a href="#">+</a></div>
                   </div>
                  <em> 有货</em>
                </li>
                <li>248.00</li>
                <li><b>删除</b><p>移到我的关注</p></li>
            </ul>
        </div>
       </div>
       <!-- 商品2 -->
       <div class="product1">
        <div class="check"><input type="checkbox"></div>
        <div class="prol fl">
            <div class="pic"><img src="./img/apple1.png" alt=""></div>
            <p>苹果（Apple）MD463FE/A MAC  尺码：Thunderbolt至千兆... <br>Thunderbolt雷电接口 至千兆以太网转</p>
               <i><img src="./img/prin.png" alt=""> 购买礼品包装</i>
        </div>
        <div class="pror fr">
            <ul>
                <li>248.00</li>
                <li>
                   <div class="num">
                       <div class="num1"><a href="#">-</a></div>
                       <div class="num2"><a href="#">1</a></div>
                       <div class="num3"><a href="#">+</a></div>
                   </div>
                  <em> 有货</em>
                </li>
                <li>248.00</li>
                <li><b>删除</b><p>移到我的关注</p></li>
            </ul>
        </div>
       </div>
        <!-- 商品3 -->
        <div class="product1">
            <div class="check"><input type="checkbox"></div>
            <div class="prol fl">
                <div class="pic"><img src="./img/apple1.png" alt=""></div>
                <p>苹果（Apple）MD463FE/A MAC  尺码：Thunderbolt至千兆... <br>Thunderbolt雷电接口 至千兆以太网转</p>
                   <i><img src="./img/prin.png" alt=""> 购买礼品包装</i>
            </div>
            <div class="pror fr">
                <ul>
                    <li>248.00</li>
                    <li>
                       <div class="num">
                           <div class="num1"><a href="#">-</a></div>
                           <div class="num2"><a href="#">1</a></div>
                           <div class="num3"><a href="#">+</a></div>
                       </div>
                      <em> 有货</em>
                    </li>
                    <li>248.00</li>
                    <li><b>删除</b><p>移到我的关注</p></li>
                </ul>
            </div>
           </div>
            <!-- 商品4 -->
       <div class="product1">
        <div class="check"><input type="checkbox"></div>
        <div class="prol fl">
            <div class="pic"><img src="./img/apple1.png" alt=""></div>
            <p>苹果（Apple）MD463FE/A MAC  尺码：Thunderbolt至千兆... <br>Thunderbolt雷电接口 至千兆以太网转</p>
               <i><img src="./img/prin.png" alt=""> 购买礼品包装</i>
        </div>
        <div class="pror fr">
            <ul>
                <li>248.00</li>
                <li>
                   <div class="num">
                       <div class="num1"><a href="#">-</a></div>
                       <div class="num2"><a href="#">1</a></div>
                       <div class="num3"><a href="#">+</a></div>
                   </div>
                  <em> 有货</em>
                </li>
                <li>248.00</li>
                <li><b>删除</b><p>移到我的关注</p></li>
            </ul>
        </div>
       </div>
        <!-- 商品5 -->
        <div class="product1">
            <div class="check"><input type="checkbox"></div>
            <div class="prol fl">
                <div class="pic"><img src="./img/apple1.png" alt=""></div>
                <p>苹果（Apple）MD463FE/A MAC  尺码：Thunderbolt至千兆... <br>Thunderbolt雷电接口 至千兆以太网转</p>
                   <i><img src="./img/prin.png" alt=""> 购买礼品包装</i>
            </div>
            <div class="pror fr">
                <ul>
                    <li>248.00</li>
                    <li>
                       <div class="num">
                           <div class="num1"><a href="#">-</a></div>
                           <div class="num2"><a href="#">1</a></div>
                           <div class="num3"><a href="#">+</a></div>
                       </div>
                      <em> 有货</em>
                    </li>
                    <li>248.00</li>
                    <li><b>删除</b><p>移到我的关注</p></li>
                </ul>
            </div>
           </div>
    </div>
    <!-- 页脚s  -->
    <div class="footer">
        <div class="w">
          <div class="foo-t">
            <ul>
              <li>
                <div class="box"></div>
                <div class="pp">
                  <h3>正品保障</h3>
                  <p>正品保障,提供发票</p>
                </div>
              </li>
              <li>
                <div class="box"></div>
                <div class="pp">
                  <h3>正品保障</h3>
                  <p>正品保障,提供发票</p>
                </div>
              </li>
              <li>
                <div class="box"></div>
                <div class="pp">
                  <h3>正品保障</h3>
                  <p>正品保障,提供发票</p>
                </div>
              </li>
              <li>
                <div class="box"></div>
                <div class="pp">
                  <h3>正品保障</h3>
                  <p>正品保障,提供发票</p>
                </div>
              </li>
              <li>
                <div class="box"></div>
                <div class="pp">
                  <h3>正品保障</h3>
                  <p>正品保障,提供发票</p>
                </div>
              </li>
            </ul>
          </div>
          <div class="foo-c">
            <div class="c1 fl">
              <dl>
                <dt>购物指南</dt>
                <dd>购物流程</dd>
                <dd>会员介绍</dd>
                <dd>生活旅行/团购</dd>
                <dd>常见问题</dd>
                <dd>大家电</dd>
                <dd>联系客服</dd>
              </dl>
            </div>
            <div class="c2 fl">
              <dl>
                <dt>配送法式</dt>
                <dd>上门自提</dd>
                <dd>211限时达</dd>
                <dd>配送服务查询</dd>
                <dd>配送费收取标准</dd>
                <dd>海外配送</dd>
              </dl>
            </div>
            <div class="c3 fl">
              <dl>
                <dt>支付方式</dt>
                <dd>货到付款</dd>
                <dd>在线支付</dd>
                <dd>分期付款</dd>
                <dd>邮局汇款</dd>
                <dd>公司转账</dd>
              </dl>
            </div>
            <div class="c4 fl">
              <dl>
                <dt>售后服务</dt>
                <dd>售后政策</dd>
                <dd>价格保护</dd>
                <dd>退款说明</dd>
                <dd>返修/退换货</dd>
                <dd>取消订单</dd>
              </dl>
            </div>
            <div class="c5 fl">
              <dl>
                <dt>特色服务</dt>
                <dd>夺宝岛</dd>
                <dd>diy装机</dd>
                <dd>延保服务</dd>
                <dd>品有够E卡</dd>
                <dd>品有够通讯</dd>
              </dl>
            </div>
            <div class="c6 fl">
              <dl>
                <dt>帮助中心</dt>
                <dd><img src="./img/wx_cz.jpg" alt="" /></dd>
                <dd>品有够客户端</dd>
              </dl>
            </div>
          </div>
          <div class="foo-b">
            <a href="#">联系我们 <span>|</span></a>
  
            <a href="#">联系客服<span>|</span></a>
  
            <a href="#">商家入驻 <span>|</span></a>
  
            <a href="#">营销中心 <span>|</span> </a>
  
            <a href="#">手机品优购 <span>|</span> </a>
  
            <a href="#">友情链接<span>|</span> </a>
  
            <a href="#">销售联盟 <span>|</span> </a>
  
            <a href="#">品优购社区<span>|</span> </a>
  
            <a href="#">品优购公益 <span>|</span> </a>
  
            <a href="#">English Site <span>|</span> </a>
  
            <a href="#">Contact U</a> <br /><br />
  
            <p>
              地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096
              电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
            </p>
            <p>京ICP备08001421号京公网安备110108007702</p>
          </div>
        </div>
      </div>
    </body>
  </html>
  
  </body>
</html>
